<template>
  <div class="box">
      <!-- <slot name="ywy"></slot>
      <slot name="sr"></slot>
      <slot name="sl"></slot> -->
      <!-- <slot></slot> -->
      <slot name="ywy" :users='msg'></slot>
      <slot name="sr"></slot>
      <slot name="sl"></slot>
      <slot :users='msg'></slot>
  </div>
</template>

<script>
export default {
data(){
  return{
    msg:{
      name:'haha',
      age:'gaga'
    }
  }
}
}
</script>

<style lang="less" scoped>
.box{
    width: 200px;
    height: 100px;
    background-color: aqua;
}
</style>